<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<div id="wrapper">
	<div id="zoom-slider" class="photo">
		<c:forEach var="n" items="${ list }">
			<a href="#htmlcaptionz${ n.key }"><img src="../upload/${ n.path }"
				alt="#htmlcaption${ n.key }" /></a>
		</c:forEach>
	</div>
	<c:forEach var="n" items="${ list }">
		<div id="htmlcaption${ n.key }" style="display: none;">
			<a href="../board/boardDetail.do?bNo=${ n.no }">${ n.content }</a>
			<br /> <strong style="color: #C90;">${ n.loc }</strong><br /> <strong
				style="color: #9bb;">${ n.tag }</strong>
		</div>
		<div id="htmlcaptionz${ n.key }" style="display: none;">
			<img src="../upload/${ n.path }" alt="${ n.content }" />
		</div>

	</c:forEach>
</div>